@extends('layouts/default')

@section('content')

<body class="metrouicss" style="padding-top: 20px; padding-bottom: 40px; background-color: #f5f5f5;">
  <div style="padding-left: 680px">
    <center><button onclick="window.location.href='opelogin'"><i class="icon-locked"></i>Cerrar Sesión</button></center>
  </div>
  <div class="container">

    <div class="form-signin" style="max-width: 800px; padding: 10px 10px; margin: 0 auto 5px;">

      <div class="grid" style="margin-bottom:0px;">
        <div class="row">
          <div class="span6">
            <h2>Actualmente atiendiendo a:</h2>
            <h3>Fulanito Fulano</h3>
          </div>
          <div id="done" class="span3 bg-color-green border_esq" style="height: 60px; margin-top:10px; margin-left: 60px; cursor: pointer;" onclick="alert('Listo');">
            <div style="margin-top: 15px;">
              <center><span class="innerFont">Listo</span></center>
            </div>
          </div>
        </div>
      </div>

    </div>

    <div class="form-signin" style="max-width: 800px; padding: 10px 10px; margin: 0 auto 5px;">

      <div class="grid" style="margin-bottom:0px;">
        <div class="row">
          <div class="span10">
            <table class="striped">
              <thead>
                <th>Nombre y Apellido</th>
                <th>Servicios</th>
                <th>Opciones</th>
              </thead>
              <tbody>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
                <tr>
                  <td>Fulanito Perez</td>
                  <td>Kiropedic Básico</td>
                  <td>NA</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>

@stop